
import styles from './zixun.css';
import {Row,Col, Button} from 'antd';
import React,{Component} from 'react'
import axios from 'axios';

export default class zixun extends Component{
  constructor(props){
    super(props)
    this.state={
        list:[]
    }
}

  render(){
    return (
      <div>
          <div className={styles.normal}>
                <h2 style={{lineHeight:"30px"}}>线路咨询</h2>
                    {
                      this.state.list.map((item,i)=>{
                        return(
                          <div key={i} className={styles.shangpin}>
                              <Row>
                                    <Col span={7}><img src={item.pimg} /></Col>
                                    <Col span={13} style={{marginTop:"30px"}}>
                                      <a href="#" style={{fontSize:"20px"}}>{item.pname}{/* 「纯玩一晚二日游」:京城之旅（含吃住）无购物无自费轻松贵宾团。天安门升旗、八达岭长城、明十三陵、鸟巢水立方、故宫、天坛、颐和园、国家大剧院 */}</a>
                                      <p style={{fontSize:"20px"}}>{item.pdesc}{/* ★ 此团为纯玩团，全程无任何购物景点，保证游客的充足游览时间。 */}</p>
                                      <p>发团时间：天天发团</p>
                                    </Col>      
                                    <Col span={4} style={{paddingLeft:"50px",marginTop:'50px'}}>
                                        <p style={{color:"red",fontWeight:"bold"}}>￥{item.pprice}</p>
                                        <Button type="danger">点击咨询</Button>
                                    </Col>
                                  <hr/>
                                </Row>
                          </div>
                        )
                      })
                    }
                <hr/>
          </div>
          <div>
          <h2 style={{lineHeight:"30px"}}>景点介绍</h2>
               <div className={styles.jieshao}>
                 <p><img src="http://www.guodulvyou.cn/20140814204405996.jpg" /><p className={styles.diming}>[天坛]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815104549385.png" /><p className={styles.diming}>[恭王府]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105352938.png" /><p className={styles.diming}>[故宫]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105539317.png" /><p className={styles.diming}>[奥林匹克公园]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105727501.png" /><p className={styles.diming}>[颐和园]</p></p>
              </div>       
              <div className={styles.jieshao}>
                 <p><img src="http://www.guodulvyou.cn/20140814204405996.jpg" /><p className={styles.diming}>[天坛]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815104549385.png" /><p className={styles.diming}>[恭王府]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105352938.png" /><p className={styles.diming}>[故宫]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105539317.png" /><p className={styles.diming}>[奥林匹克公园]</p></p>
                 <p><img src="http://www.guodulvyou.cn/20140815105727501.png" /><p className={styles.diming}>[颐和园]</p></p>
              </div>       



        
          </div>
       </div>
    )
  }
  

  componentDidMount(){
    axios({
      url:'http://jx.xuzhixiang.top/ap/api/productlist.php',
      params:{
          uid:23092
      }
  }).then((data)=>{
      console.log(data.data.data)
      this.setState({list:data.data.data})
  })
  
  }
}

